<!DOCTYPE html>



  


<html class="theme-next muse use-motion" lang="zh-Hans">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">



  
  
    
    
  <script src="/lib/pace/pace.min.js?v=1.0.2"></script>
  <link href="/lib/pace/pace-theme-minimal.min.css?v=1.0.2" rel="stylesheet">




  
  
  <link rel="stylesheet" media="all" href="/lib/Han/dist/han.min.css?v=3.3">




<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
















  
  
  <link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />







<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />

<link href="/css/main.css?v=5.1.4" rel="stylesheet" type="text/css" />


  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png?v=5.1.4">


  <link rel="mask-icon" href="/images/logo.svg?v=5.1.4" color="#222">





  <meta name="keywords" content="工具 转载," />










<meta name="description" content="来源：http:&#x2F;&#x2F;xianbai.me&#x2F;learn-md&#x2F;article&#x2F;syntax&#x2F;lists.htmlLearning-Markdown (Markdown 入门参考) 第二版来了！  编辑&#x2F;整理：LearnShare（学习，分享，进步）Edit by BlancheLin  提醒： 你可以打开 这个链接 在线编辑该文档，然后点击 Preview changes 查看编辑后的效果，这会帮助">
<meta property="og:type" content="article">
<meta property="og:title" content="【转载】Markdown 入门参考">
<meta property="og:url" content="http://yoursite.com/2020/04/16/005/index.html">
<meta property="og:site_name" content="乐游さん 的博客~">
<meta property="og:description" content="来源：http:&#x2F;&#x2F;xianbai.me&#x2F;learn-md&#x2F;article&#x2F;syntax&#x2F;lists.htmlLearning-Markdown (Markdown 入门参考) 第二版来了！  编辑&#x2F;整理：LearnShare（学习，分享，进步）Edit by BlancheLin  提醒： 你可以打开 这个链接 在线编辑该文档，然后点击 Preview changes 查看编辑后的效果，这会帮助">
<meta property="og:image" content="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100">
<meta property="og:image" content="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100">
<meta property="og:image" content="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100">
<meta property="article:published_time" content="2020-04-16T12:09:00.000Z">
<meta property="article:modified_time" content="2020-04-16T12:09:00.000Z">
<meta property="article:author" content="乐游">
<meta property="article:tag" content="工具 转载">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/',
    scheme: 'Muse',
    version: '5.1.4',
    sidebar: {"position":"left","display":"post","offset":12,"onmobile":false},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="http://yoursite.com/2020/04/16/005/"/>





  <title>【转载】Markdown 入门参考 | 乐游さん 的博客~</title>
  





  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0492d48b6af5d10264fc93e94120c17c";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>




<meta name="generator" content="Hexo 4.2.1"></head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
     

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/"  class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">乐游さん 的博客~</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <h1 class="site-subtitle" itemprop="description">一直来自北方的程序猿 ~ </h1>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
            
            归档
          </a>
        </li>
      
        
        <li class="menu-item menu-item-categories">
          <a href="/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-about">
          <a href="/about/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-user"></i> <br />
            
            关于
          </a>
        </li>
      

      
    </ul>
  

  
</nav>



 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/16/005/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="乐游">
      <meta itemprop="description" content="">
      <meta itemprop="image" content="/images/WechatIMG22.jpeg">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="乐游さん 的博客~">
    </span>

    
      <header class="post-header">

        
        
          <h2 class="post-title" itemprop="name headline">【转载】Markdown 入门参考</h2>
        

        <div class="post-meta">
          <span class="post-time">
            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              
              <time title="创建于" itemprop="dateCreated datePublished" datetime="2020-04-16T20:09:00+08:00">
                2020-04-16
              </time>
            

            
              <span class="post-meta-divider">|</span>
            

            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-check-o"></i>
              </span>
              
                <span class="post-meta-item-text">更新于&#58;</span>
              
              <time title="更新于" itemprop="dateModified" datetime="2020-04-16T20:09:00+08:00">
                2020-04-16
              </time>
            
          </span>

          
            <span class="post-category" >
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index">
                    <span itemprop="name">工具</span>
                  </a>
                </span>

                
                
              
            </span>
          

          
            
              <span class="post-comments-count">
                <span class="post-meta-divider">|</span>
                <span class="post-meta-item-icon">
                  <i class="fa fa-comment-o"></i>
                </span>
                <a href="/2020/04/16/005/#comments" itemprop="discussionUrl">
                  <span class="post-comments-count valine-comment-count" data-xid="/2020/04/16/005/" itemprop="commentCount"></span>
                </a>
              </span>
            
          

          
          

          
            <span class="post-meta-divider">|</span>
            <span class="page-pv"><i class="fa fa-file-o"></i> 阅读次数
            <span class="busuanzi-value" id="busuanzi_value_page_pv" ></span>
            </span>
          

          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body han-init-context" itemprop="articleBody">

      
      

      
        <h4 id="来源：http-xianbai-me-learn-md-article-syntax-lists-html"><a href="#来源：http-xianbai-me-learn-md-article-syntax-lists-html" class="headerlink" title="来源：http://xianbai.me/learn-md/article/syntax/lists.html"></a>来源：<a href="http://xianbai.me/learn-md/article/syntax/lists.html" target="_blank" rel="noopener">http://xianbai.me/learn-md/article/syntax/lists.html</a></h4><h1 id="Learning-Markdown-Markdown-入门参考"><a href="#Learning-Markdown-Markdown-入门参考" class="headerlink" title="Learning-Markdown (Markdown 入门参考)"></a>Learning-Markdown (Markdown 入门参考)</h1><blockquote>
<p><a href="https://github.com/LearnShare/Learning-Markdown/tree/v2" target="_blank" rel="noopener">第二版来了！</a></p>
</blockquote>
<p>编辑/整理：<a href="https://github.com/learnshare" target="_blank" rel="noopener" title="LearnShare">LearnShare</a>（学习，分享，进步）Edit by BlancheLin</p>
<hr>
<p><strong>提醒：</strong> 你可以打开 <a href="https://github.com/LearnShare/Learning-Markdown/edit/master/README.md" target="_blank" rel="noopener">这个链接</a> 在线编辑该文档，然后点击 <code>Preview changes</code> 查看编辑后的效果，这会帮助你快速练习 Markdown 的语法（请不要点击保存）。</p>
<h2 id="关于Markdown"><a href="#关于Markdown" class="headerlink" title="关于Markdown"></a>关于Markdown</h2><p>1.<a href="http://zh.wikipedia.org/wiki/Markdown" target="_blank" rel="noopener" title="Wiki: Markdown">Wiki: Markdown</a></p>
<blockquote>
<p>Markdown 是一种轻量级标记语言，创始人为 John Gruber 和 Aaron Swartz。它允许人们“使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者 HTML）文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。</p>
</blockquote>
<a id="more"></a>

<p>2.编写 Markdown 就如同编写纯文本一样简单、纯粹：</p>
<ul>
<li>它方便修改和发布；</li>
<li>很容易转换为 HTML 代码；</li>
<li>有众多语言及应用的相关扩展；</li>
<li>在 GitHub 等环境中有很好的应用；</li>
<li>是编写文档、记录笔记、撰写文章的合适选择。</li>
</ul>
<p>3.Markdown 完全兼容 HTML 语法，可以直接在 Markdown 文档中插入 HTML 内容：</p>
<table>
  <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

<h2 id="一、段落与换行"><a href="#一、段落与换行" class="headerlink" title="一、段落与换行"></a>一、段落与换行</h2><p>1.段落的前后必须是空行：</p>
<p>空行指的是行内什么都没有，或者只有空白符（空格或制表符）</p>
<p>相邻两行文本，如果中间没有空行<br>会显示在一行中（换行符被转换为空格）</p>
<p>2.如果需要在段落内强制加入换行（<code>&lt;br /&gt;</code>）：</p>
<p>可以在前一行的末尾加入至少两个空格<br>然后换行写其它的文字</p>
<p>3.Markdown 中的多数区块都需要在两个空行之间。</p>
<h2 id="二、标题"><a href="#二、标题" class="headerlink" title="二、标题"></a>二、标题</h2><h3 id="1-Setext-形式"><a href="#1-Setext-形式" class="headerlink" title="1.Setext 形式"></a>1.Setext 形式</h3><h1 id="H1"><a href="#H1" class="headerlink" title="H1"></a>H1</h1><h2 id="H2"><a href="#H2" class="headerlink" title="H2"></a>H2</h2><p>= 和 - 的数量是没有限制的。通常的做法是使其和标题文本的长度相同，这样看起来比较舒服。</p>
<h3 id="2-atx-形式"><a href="#2-atx-形式" class="headerlink" title="2.atx 形式"></a>2.atx 形式</h3><p>① 可以用对称的 # 包括文本：</p>
<p>#H1#</p>
<p>② 也可以只在左边使用 #：</p>
<p>#H1</p>
<p>##H2</p>
<p>###H3</p>
<p>####H4</p>
<p>#####H5</p>
<p>######H6</p>
<p>③ 成对的 # 左侧和只在左边使用的 # 左侧都不可以有任何空白，但其内侧可以使用空白。</p>
<p> ###左侧使用了空格###</p>
<h4 id="内侧使用了空格"><a href="#内侧使用了空格" class="headerlink" title="内侧使用了空格"></a>内侧使用了空格</h4><h2 id="三、引用"><a href="#三、引用" class="headerlink" title="三、引用"></a>三、引用</h2><blockquote>
<p>1.引用内容</p>
</blockquote>
<blockquote>
<p>2.多行内容<br>可以在每行前加入 &gt;</p>
</blockquote>
<blockquote>
<p>2.如果仅在第一行使用 &gt;，<br>后面相邻的行即使省略 &gt;，也会变成引用内容</p>
</blockquote>
<blockquote>
<p>3.也可以在引用中</p>
<blockquote>
<p>使用嵌套的引用</p>
</blockquote>
</blockquote>
<blockquote>
<p>4.或者在引用中<br>使用其他 <em>Markdown</em> 语法</p>
</blockquote>
<h2 id="四、列表"><a href="#四、列表" class="headerlink" title="四、列表"></a>四、列表</h2><h3 id="1-无序列表"><a href="#1-无序列表" class="headerlink" title="1.无序列表"></a>1.无序列表</h3><ul>
<li>可以使用 * 作为标记</li>
</ul>
<ul>
<li>也可以使用 +</li>
</ul>
<ul>
<li>或者 -</li>
</ul>
<h3 id="2-有序列表"><a href="#2-有序列表" class="headerlink" title="2.有序列表"></a>2.有序列表</h3><ol>
<li>有序列表以数字和 . 开始；</li>
<li>数字的序列并不会影响生成的列表序列；</li>
<li>但仍然推荐按照自然顺序（1.2.3…）编写。</li>
</ol>
<h3 id="3-相关事项"><a href="#3-相关事项" class="headerlink" title="3.相关事项"></a>3.相关事项</h3><ol>
<li>无序列表项的开始是：符号 空格；</li>
<li>有序列表项的开始是：数字 . 空格；</li>
<li>空格至少为一个，多个空格将被解析为一个；</li>
<li>如果仅需要在行前显示数字和 .：</li>
</ol>
<p>05. 可以使用：数字 \. 来取消显示为列表</p>
<h2 id="五、代码区块"><a href="#五、代码区块" class="headerlink" title="五、代码区块"></a>五、代码区块</h2><p>1.可以使用缩进来插入代码块：</p>
<pre><code>&lt;html&gt; // Tab开头
    &lt;title&gt;Markdown&lt;/title&gt;
&lt;/html&gt;  // 四个空格开头</code></pre><p>代码块前需要有至少一个空行，且每行代码前需要有至少一个 Tab 或四个空格；</p>
<p>2.也可以通过 ``，插入行内代码（` 是 Tab 键上边、数字 1 键左侧的那个按键）：</p>
<p>例如 <code>&lt;title&gt;Markdown&lt;/title&gt;</code></p>
<p>3.代码块中的文本（包括 Markdown 语法）都会以原格式显示，而特殊字符会被转换为 HTML 实体。</p>
<h1 id="六、分隔线"><a href="#六、分隔线" class="headerlink" title="六、分隔线"></a>六、分隔线</h1><p>1.可以在一行中使用三个或更多的 *、- 或 _ 产生分隔线：</p>
<hr>
<hr>
<hr>
<p>2.多个 * 之间可以有空格（空白符），但不能有其他字符：</p>
<hr>
<hr>
<h2 id="七、链接"><a href="#七、链接" class="headerlink" title="七、链接"></a>七、链接</h2><h3 id="1-行内式"><a href="#1-行内式" class="headerlink" title="1.行内式"></a>1.行内式</h3><p>① 普通链接：</p>
<p><a href="http://www.google.com/" target="_blank" rel="noopener">Google</a></p>
<p>② 指向本地文件的链接：</p>
<p><a href="./image/icon.png">icon.png</a></p>
<p>③ 包含 title 的链接:</p>
<p><a href="http://www.google.com/" target="_blank" rel="noopener" title="Google">Google</a></p>
<h3 id="2-参考式"><a href="#2-参考式" class="headerlink" title="2.参考式"></a>2.参考式</h3><p>参考式链接的写法相当于行内式拆分成两部分，并通过一个 <em>识别符</em> 来连接两部分。参考式能尽量保持文章结构的简单，也方便统一管理 URL。</p>
<p>① 首先，定义链接：</p>
<p><a href="http://www.google.com/" target="_blank" rel="noopener" title="Google">Google</a></p>
<p>第二个方括号内为链接独有的 <em>识别符*，可以是字母、数字、空白或标点符号。识别符是 *不区分大小写</em> 的；</p>
<p>② 然后定义链接内容：</p>
<p>其格式为：[识别符] : 空白符 URL title</p>
<p>其中，URL可以使用 &lt;&gt; 包括起来，title 可以使用 “”、’’、() 包括（考虑到兼容性，建议使用 “”），title 部分也可以换行；</p>
<p>链接内容的定义可以放在同一个文件的 <em>任意位置</em>；</p>
<p>③ 也可以省略 <em>识别符</em>，使用链接文本作为 <em>识别符</em>：</p>
<p>[Google][]<br>[Google]: <a href="http://www.google.com/" target="_blank" rel="noopener">http://www.google.com/</a> “Google”</p>
<h3 id="3-自动链接"><a href="#3-自动链接" class="headerlink" title="3.自动链接"></a>3.自动链接</h3><p>使用 &lt;&gt; 包括的 URL 或邮箱地址会被自动转换为超链接：</p>
<p><a href="http://www.google.com/" target="_blank" rel="noopener">http://www.google.com/</a></p>
<p><a href="mailto:&#x31;&#50;&#51;&#x40;&#101;&#x6d;&#x61;&#105;&#108;&#46;&#99;&#111;&#109;">&#x31;&#50;&#51;&#x40;&#101;&#x6d;&#x61;&#105;&#108;&#46;&#99;&#111;&#109;</a></p>
<p>该方式适合行内较短的链接，会使用 URL 作为链接文字。邮箱地址会自动编码，以逃避抓取机器人。</p>
<h2 id="八、图片"><a href="#八、图片" class="headerlink" title="八、图片"></a>八、图片</h2><p>插入图片的语法和插入超链接的语法基本一致，也分为行内式和参考式两种。</p>
<h3 id="1-行内式-1"><a href="#1-行内式-1" class="headerlink" title="1.行内式"></a>1.行内式</h3><p>直接来看例子：</p>
<p><img src="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100" alt="GitHub" title="GitHub,Social Coding"></p>
<p>方括号中的部分是图片的替代文本，括号中的 title 部分和链接一样，是可选的。</p>
<h3 id="2-参考式-1"><a href="#2-参考式-1" class="headerlink" title="2.参考式"></a>2.参考式</h3><p>直接来看例子：</p>
<p><img src="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100" alt="GitHub" title="GitHub,Social Coding"></p>
<h3 id="3-指定图片的显示大小"><a href="#3-指定图片的显示大小" class="headerlink" title="3.指定图片的显示大小"></a>3.指定图片的显示大小</h3><p>目前，Markdown 还不支持指定图片的显示大小，不过可以通过直接插入<code>&lt;img /&gt;</code>标签来指定相关属性：</p>
<img src="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100" alt="GitHub" title="GitHub,Social Coding" width="50" height="50" />

<h2 id="九、强调"><a href="#九、强调" class="headerlink" title="九、强调"></a>九、强调</h2><p>1.使用 ** 或 __ 包括的文本会被转换为<code>&lt;em&gt;&lt;/em&gt;</code>，通常表现为斜体：</p>
<p>这是用来<em>演示</em>的<em>文本</em></p>
<p>2.使用 **** 或 ____ 包括的文本会被转换为<code>&lt;strong&gt;&lt;/strong&gt;</code>，通常表现为加粗：</p>
<p>这是用来<strong>演示</strong>的<strong>文本</strong></p>
<p>3.用来包括文本的 * 或 _ 内侧不能有空白，否则 * 和 _ 将不会被转换：</p>
<p>这是用来* 演示*的_文本 _</p>
<p>4.如果需要在文本中显示成对的 * 或 _，可以在符号前加入 \ 即可：</p>
<p>这是用来*演示*的_文本_</p>
<p>5.*、**、_ 和 __ 都必须 <em>成对使用</em>；</p>
<h2 id="十、反斜线"><a href="#十、反斜线" class="headerlink" title="十、反斜线"></a>十、反斜线</h2><p>反斜线用于插入在 Markdown 语法中有特殊作用的字符。</p>
<p>这是用来*演示*的_文本_</p>
<h2 id="十一、编辑器"><a href="#十一、编辑器" class="headerlink" title="十一、编辑器"></a>十一、编辑器</h2><h3 id="1-Windows："><a href="#1-Windows：" class="headerlink" title="1.Windows："></a>1.Windows：</h3><p>① <a href="http://markdownpad.com/" target="_blank" rel="noopener" title="MarkdownPad">MarkdownPad</a></p>
<p>一个非常优秀的 Markdown 编辑器，提供了多文件编辑、实时预览、自定义样式、文件导出等功能，和 Linux 中的 ReTeX 较为类似，提供了全功能的免费版和具有扩展功能的高级付费版。（这篇文章就是在 MarkdownPad 中完成的，它刚刚更新了 2.0 版本，而且我也基本完成了新版的简体中文翻译工作，估计不久后，大家就可以用上中文版了。）</p>
<p>Update：在 2013-03-11 日，MarkdownPad 2.1.4 的升级中包含了简体中文，参考 <a href="http://markdownpad.com/news/2013/new-languages-zh-CH-and-pt-PT/" target="_blank" rel="noopener" title="News and Updates">MarkdownPad 2 now speaks Chinese and Portuguese!</a>。</p>
<p>Update：在 2013-04-18 日，MarkdownPad 2.1.13 的升级中解决了我所提交的 Bug——无法全文渲染。参考 <a href="http://markdownpad.com/news/2013/version-2.1.13/" target="_blank" rel="noopener" title="News and Updates">MarkdownPad 2.1.13 Released</a>。</p>
<p>② <a href="http://www.texts.io/" target="_blank" rel="noopener" title="Texts">Texts</a></p>
<p>一个所见即所得的 Markdown 编辑器，不过无法直接编辑 Markdown 文件，只能在 HTML 预览中进行编辑，功能稍差一些，不过可以免费试用。</p>
<p>③ <a href="http://code52.org/DownmarkerWPF/" target="_blank" rel="noopener" title="MarkPad">Markpad</a></p>
<p>一个 Win8 UI 风格的 Markdown 编辑器，提供实时预览和导出导入到博客的功能，但不提供导出到 HTML 文件的功能，不过它是完全免费的。</p>
<p>④<a href="http://www.mdcharm.com/" target="_blank" rel="noopener" title="MdCharm">MdCharm</a></p>
<p>类似于 MarkdownPad 的 Markdown 编辑器，使用 Qt 开发，支持 Windows 和 Linux 平台，可免费试用，比 MarkdownPad 更加轻巧，比 Retext 更加强大。</p>
<p>⑤ <a href="http://mike-ward.net/markdownedit/" target="_blank" rel="noopener" title="Markdown Edit">Markdown Edit</a></p>
<p>简单高效的 Markdown 编辑器，没有工具栏和菜单，没有多标签支持，但所有操作都可以通过快捷键完成。</p>
<h3 id="2-Linux："><a href="#2-Linux：" class="headerlink" title="2.Linux："></a>2.Linux：</h3><p>① <a href="http://sourceforge.net/p/retext/home/ReText/" target="_blank" rel="noopener" title="ReText">ReText</a></p>
<p>开源的 Markdown 编辑器，功能强大，包含简体中文，Linux 中最好用的 Markdown 编辑器。不过，编辑窗口和预览窗口好像没法同步滚动。</p>
<p>② <a href="http://pad.haroopress.com/" target="_blank" rel="noopener" title="Haroopad">Haroopad</a></p>
<p>韩国人开发的 Markdown 编辑器，基于 Qt, 对中文的支持非常好。</p>
<h3 id="3-Mac："><a href="#3-Mac：" class="headerlink" title="3.Mac："></a>3.Mac：</h3><p>① <a href="http://mouapp.com/" target="_blank" rel="noopener" title="Mou">Mou</a></p>
<p>强大而优秀的 Markdown 编辑器。</p>
<p>② <a href="http://macromates.com/" target="_blank" rel="noopener" title="TextMate">TextMate</a></p>
<h3 id="4-基于-Web："><a href="#4-基于-Web：" class="headerlink" title="4.基于 Web："></a>4.基于 Web：</h3><p>① <a href="http://dillinger.io/" target="_blank" rel="noopener" title="Dillinger">Dillinger</a></p>
<p>强大的 Web Markdown 编辑器，功能不亚于 MarkdownPad 和 ReTeX，而且支持与 GitHub 和 Dropbox 相连接。</p>
<p>② <a href="http://markable.in/editor/" target="_blank" rel="noopener" title="Markable">Markable</a></p>
<p>③ <a href="http://mahua.jser.me/" target="_blank" rel="noopener" title="MaHua">MaHua</a></p>
<p>④ <a href="https://www.zybuluo.com/mdeditor" target="_blank" rel="noopener" title="cmd-editor">cmd-editor</a></p>
<p>⑤ <a href="https://stackedit.io/" target="_blank" rel="noopener" title="StackEdit">StackEdit</a></p>
<h3 id="5-其它："><a href="#5-其它：" class="headerlink" title="5.其它："></a>5.其它：</h3><p>还有许多其它的软件和平台都有相应的扩展或插件支持，如：</p>
<ul>
<li>Submline Text: <a href="http://ttscoff.github.com/MarkdownEditing/" target="_blank" rel="noopener" title="MarkdownEditing">MarkdownEditing</a></li>
<li>gedit: <a href="http://www.jpfleury.net/en/software/gedit-markdown.php" target="_blank" rel="noopener" title="gedit-markdown">gedit-markdown</a></li>
<li>Eclipse: <a href="http://www.winterwell.com/software/markdown-editor.php" target="_blank" rel="noopener" title="Markdown Editor plugin">Markdown Editor plugin</a></li>
<li>IntelliJ IDEA: <a href="http://plugins.jetbrains.com/plugin/?id=5970" target="_blank" rel="noopener" title="idea-markdown">idea-markdown</a></li>
<li>Wordpress: <a href="http://wordpress.org/extend/plugins/wp-markdown/" target="_blank" rel="noopener" title="WP-Markdown">WP-Markdown</a></li>
</ul>
<h2 id="十二、参考资料"><a href="#十二、参考资料" class="headerlink" title="十二、参考资料"></a>十二、参考资料</h2><ol>
<li><a href="http://daringfireball.net/projects/markdown/" target="_blank" rel="noopener" title="Project Markdown">Project Markdown</a></li>
<li><a href="https://github.com/othree/markdown-syntax-zhtw/blob/master/syntax.md" target="_blank" rel="noopener" title="Markdown Syntax zh_TW">Markdown Syntax zh_TW</a></li>
<li><a href="http://wowubuntu.com/markdown/" target="_blank" rel="noopener" title="Markdown Syntax CN">Markdown Syntax CN</a></li>
<li><a href="http://zh.wikipedia.org/zh-cn/Markdown" target="_blank" rel="noopener" title="Wiki Markdown">Wiki Markdown</a></li>
<li><a href="http://xbeta.org/wiki/show/Markdown" target="_blank" rel="noopener" title="XBeta Wiki Markdown">XBeta Wiki Markdown</a></li>
</ol>
<h2 id="十三、共享协议"><a href="#十三、共享协议" class="headerlink" title="十三、共享协议"></a>十三、共享协议</h2><p>本文由 <a href="https://github.com/learnshare" target="_blank" rel="noopener" title="LearnShare">LearnShare</a> 整理并在 <a href="http://zh.wikipedia.org/wiki/Wikipedia:CC" target="_blank" rel="noopener" title="Wiki: CC">CC BY-SA 3.0</a> 协议下发布，主要为了给自己和各位朋友作为学习 Markdown 的入门及参考资料。</p>
<p>请各位遵循 <a href="http://daringfireball.net/projects/markdown/license" target="_blank" rel="noopener" title="Markdown: License">Markdown: License</a> 及其它参考文献的共享协议来使用、修改和发布。</p>

      
    </div>
    
    
    

    

    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/tags/%E5%B7%A5%E5%85%B7-%E8%BD%AC%E8%BD%BD/" rel="tag"># 工具 转载</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/2020/04/16/004/" rel="next" title="Idea2020 体验">
                <i class="fa fa-chevron-left"></i> Idea2020 体验
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/2020/04/16/006/" rel="prev" title="CC BY-SA 3.0协议文本">
                CC BY-SA 3.0协议文本 <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  <div>
    
    <div>
    
        <div style="text-align:center;color: #ccc;font-size:14px;">------ 本文结束------</div>
    
</div>
    
  </div>
  </article>



    <div class="post-spread">
      
    </div>
  </div>


          </div>
          


          

  
    <div class="comments" id="comments">
    </div>
  



        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <section class="site-overview-wrap sidebar-panel">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <img class="site-author-image" itemprop="image"
                src="/images/WechatIMG22.jpeg"
                alt="乐游" />
            
              <p class="site-author-name" itemprop="name">乐游</p>
              <p class="site-description motion-element" itemprop="description"></p>
          </div>

          <nav class="site-state motion-element">

            
              <div class="site-state-item site-state-posts">
              
                <a href="/archives/%7C%7C%20archive">
              
                  <span class="site-state-item-count">15</span>
                  <span class="site-state-item-name">日志</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-categories">
                <a href="/categories/index.html">
                  <span class="site-state-item-count">5</span>
                  <span class="site-state-item-name">分类</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-tags">
                <a href="/tags/index.html">
                  <span class="site-state-item-count">12</span>
                  <span class="site-state-item-name">标签</span>
                </a>
              </div>
            

          </nav>

          

          

          
          

          
          

          

        </div>
      </section>

      
      <!--noindex-->
        <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
              
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-4"><a class="nav-link" href="#来源：http-xianbai-me-learn-md-article-syntax-lists-html"><span class="nav-number">1.</span> <span class="nav-text">来源：http:&#x2F;&#x2F;xianbai.me&#x2F;learn-md&#x2F;article&#x2F;syntax&#x2F;lists.html</span></a></li></ol></li></ol></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#Learning-Markdown-Markdown-入门参考"><span class="nav-number"></span> <span class="nav-text">Learning-Markdown (Markdown 入门参考)</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#关于Markdown"><span class="nav-number"></span> <span class="nav-text">关于Markdown</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#一、段落与换行"><span class="nav-number"></span> <span class="nav-text">一、段落与换行</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#二、标题"><span class="nav-number"></span> <span class="nav-text">二、标题</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-Setext-形式"><span class="nav-number"></span> <span class="nav-text">1.Setext 形式</span></a></li></ol></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#H1"><span class="nav-number"></span> <span class="nav-text">H1</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#H2"><span class="nav-number"></span> <span class="nav-text">H2</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#2-atx-形式"><span class="nav-number"></span> <span class="nav-text">2.atx 形式</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#内侧使用了空格"><span class="nav-number">1.</span> <span class="nav-text">内侧使用了空格</span></a></li></ol></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#三、引用"><span class="nav-number"></span> <span class="nav-text">三、引用</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#四、列表"><span class="nav-number"></span> <span class="nav-text">四、列表</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-无序列表"><span class="nav-number"></span> <span class="nav-text">1.无序列表</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-有序列表"><span class="nav-number"></span> <span class="nav-text">2.有序列表</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-相关事项"><span class="nav-number"></span> <span class="nav-text">3.相关事项</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#五、代码区块"><span class="nav-number"></span> <span class="nav-text">五、代码区块</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#六、分隔线"><span class="nav-number"></span> <span class="nav-text">六、分隔线</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#七、链接"><span class="nav-number"></span> <span class="nav-text">七、链接</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-行内式"><span class="nav-number"></span> <span class="nav-text">1.行内式</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-参考式"><span class="nav-number"></span> <span class="nav-text">2.参考式</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-自动链接"><span class="nav-number"></span> <span class="nav-text">3.自动链接</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#八、图片"><span class="nav-number"></span> <span class="nav-text">八、图片</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-行内式-1"><span class="nav-number"></span> <span class="nav-text">1.行内式</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-参考式-1"><span class="nav-number"></span> <span class="nav-text">2.参考式</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-指定图片的显示大小"><span class="nav-number"></span> <span class="nav-text">3.指定图片的显示大小</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#九、强调"><span class="nav-number"></span> <span class="nav-text">九、强调</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#十、反斜线"><span class="nav-number"></span> <span class="nav-text">十、反斜线</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#十一、编辑器"><span class="nav-number"></span> <span class="nav-text">十一、编辑器</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-Windows："><span class="nav-number"></span> <span class="nav-text">1.Windows：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-Linux："><span class="nav-number"></span> <span class="nav-text">2.Linux：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-Mac："><span class="nav-number"></span> <span class="nav-text">3.Mac：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-基于-Web："><span class="nav-number"></span> <span class="nav-text">4.基于 Web：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#5-其它："><span class="nav-number"></span> <span class="nav-text">5.其它：</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#十二、参考资料"><span class="nav-number"></span> <span class="nav-text">十二、参考资料</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#十三、共享协议"><span class="nav-number"></span> <span class="nav-text">十三、共享协议</span></a></div>
            

          </div>
        </section>
      <!--/noindex-->
      

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; 2020 &mdash; <span itemprop="copyrightYear">2021</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">乐游</span>

  
</div>


  <div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io">Hexo</a> 强力驱动</div>



  <span class="post-meta-divider">|</span>



  <div class="theme-info">主题 &mdash; <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Muse</a></div>




        
<div class="busuanzi-count">
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

  
    <span class="site-uv">
      <i class="fa fa-user"></i> 访问人数
      <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
      
    </span>
  

  
    <span class="site-pv">
      <i class="fa fa-eye"></i> 总访问量
      <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
      
    </span>
  
</div>








        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
      </div>
    

    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  












  
  
    <script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
  

  
  
    <script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
  

  
  
    <script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
  

  
  
    <script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  


  


  <script type="text/javascript" src="/js/src/utils.js?v=5.1.4"></script>

  <script type="text/javascript" src="/js/src/motion.js?v=5.1.4"></script>



  
  

  
  <script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.4"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.4"></script>



  


  <script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.4"></script>



  


  




	





  





  










  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
  
  <script src="//cdn.jsdelivr.net/npm/valine/dist/Valine.min.js"></script>
  
  <script type="text/javascript">
    var GUEST = ['nick','mail','link'];
    var guest = 'nick,mail,link';
    guest = guest.split(',').filter(item=>{
      return GUEST.indexOf(item)>-1;
    });
    new Valine({
        el: '#comments' ,
        verify: false,
        notify: false,
        appId: 'ry4r48Li8ylactoROUmqjh7M-gzGzoHsz',
        appKey: 'vBcOR0V5lfk22hVzx04wUI57',
        placeholder: 'ヾﾉ≧∀≦)o 来呀！吐槽一番吧！',
        avatar:'mm',
        guest_info:guest,
        pageSize:'10' || 10,
    });
  </script>



  





  

  

  

  
  

  

  

  

</body>
</html>
